@import "@angelblanco/v-calendar/style.css";


.vc-container {
  background-color: transparent;


}

.vc-popover-content {
  background-color: var(--content-background-color);
  backdrop-filter: blur(10px);
}

.vc-title-wrapper {
  button {
    background: transparent;
  }
}

.vc-header {
  button {
    background: transparent;
  }
}

.vc-focus:focus-within {
  box-shadow: none;
}

.vc-day-content:hover {
  background-color: #7fa4c580;
  color: #fff;
}

.vc-bordered {
  border: none;
}

.vc-blue {
  --vc-accent-50: rgba(114, 177, 255, 0.1);
  --vc-accent-100: rgba(114, 177, 255, 0.2);
  --vc-accent-200: rgba(114, 177, 255, 0.2);
  --vc-accent-300: rgba(114, 177, 255, 0.3);
  --vc-accent-400: rgba(114, 177, 255, 0.4);
  --vc-accent-500: var(--primary-color);
  --vc-accent-600: var(--primary-color);
  --vc-accent-700: var(--primary-color);
  --vc-accent-800: var(--primary-color);
  --vc-accent-900: var(--primary-color-hover);
  --vc-header-title-color: var(--font-color);
  --vc-header-arrow-color: var(--font-color);
  --vc-color: var(--font-color);
  --vc-header-arrow-hover-bg: var(--card-background-color-hover);
  --vc-weekday-color: var(--font-second-color);
  --vc-popover-content-color: var(--font-color);
  --vc-day-popover-header-color: var(--font-second-color);
}

.vc-light.vc-attr,
.vc-light .vc-attr {
  --vc-highlight-outline-bg: var(--primary-color-hover);
  --vc-highlight-outline-content-color: var(--font-color-light);
}

.weekday-position-6,
.weekday-position-7,
.vc-weekday-1,
.vc-weekday-6 {
  color: var(--font-second-color);
}

.vc-popover-content {
  border-color: var(--shadow-color);
}